<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
    margin: 0;
    padding: 0;
}
.content{
    /* 旁边有留白 */
    width: 90%;
      /* 清除浮动 */
      /* overflow: hidden; */
      clear: both;
      margin: 0 auto;
}
.contact{
    /* 间距 */
    padding: 30px o;   
}
.contact-left{
    width: 50%;
    float: left;
}
.contact-left h1{
    font-size: 30px;
    font-weight: 400;
    color: #bf2f2f;
    margin-bottom: 20px;
}
.contact-left input{
    width: 220px ;
    height: 30px;
    margin: 10px 0;
}
/* 属性选择器 */
/* .contact-left input [type=submit]{
background-color: red;
} */
#submit{
    background-color: #bf2f2f;
    margin-top: 30px;
    font-size: 20px;
    color: white;
    border: 1px solid #bf2f2f;
}
.contactt_left textarea{
    width: 450px;
}
#email{
    width: 450px;
}
.contact_right{
    width: 50%;
    float: right;
    text-align: right;
   
}
.contact_right img{
    /* 最大高度 */
    max-height: 370px;
   
}
    </style>
</head>
<body>
    <div class="contact">
        <div class="content">
        <div class="contact-left">
        <h1>留下你的电话，我们第一时间联系你</h1>
        <form action="">
            <input type="text" name="" id="" placeholder="姓名">
            <input type="number" name="" id="" placeholder="电话"><br>
            <input type="email" name="" id="email" placeholder="邮箱"><br>
            <!-- 文本域 -->
            <textarea name="" id="" cols="30" rows="10" placeholder="内容"></textarea><br>
            <input type="submit" value="提交" id="submit">
        </form>
        <span style="color: gray;">温馨提示：可以在内容中编写您的地址，在开通业务的地区，我们提供上门服务</span>
        </div>
            <div class="contact-right">
        <img src="img/p11.png" alt="圈圈图">
           </div>
         </div>
    </div>
</body>
</html>